<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin:0;padding:0;box-sizing:border-box;}
			li{list-style: none;color:#e37d31;border-bottom: 3px solid white;height:53px;line-height: 53px;padding-left: 11px;}
			body{height:909px;background:#cccccc;}
			.boss{width:910px;height:610px;border:5px solid white ;margin:0 auto;margin-top:50px;}
			header,footer{height:80px;background:#f47d31;color:white;text-align: center;line-height: 80px;font-size:52px;font-weight: 600;}
		    .main{background:#888888;height:440px;padding:10px;}
		    nav{float:left;width:205px;margin-right: 10px;text-align:center;color:white;}
		    ul{margin-top: 6px;text-align: left;}
		    aside{float:right;width:215px;text-align:center;color:white;margin-left: 20px;}
		    aside p{word-break:break-all;text-align: left;}
		    article{overflow: hidden;}
		    .header1,.footer1{width:410px;background: #f47d31;height: 30px;font-size:16px;line-height: 30px;text-align: center;color:white;}
		   .box1 p,.box2 p{padding:10px 0;}
		   .box1,.box2{margin-bottom: 10px;background:#eeeeee;padding:10px;}
		</style>
	</head>
	<body>
		<div class="boss">
		<header>header</header>
		<div class="main">
		<nav>
			<h2>nav</h2>
			<ul>
				<li>link1</li>
				<li>link1</li>
				<li>link1</li>
			</ul>
		</nav>
		<aside>
			
				<h2>Aside</h2>
				<p><mark>
					HTML5
				</mark>"hhhfjdhfjd hfhhfhfhf  hhhhh h hhhhhh hhhhhh hhhhhh hhhhhhh hhhhhhh hhhhh
				 "</p>
			
		</aside>
		<article>
			<div class="box1">
			<header class="header1">Article Header</header>
			<p>"hhhfjdhfjd hfhhfhfhf  hhhhh h hhhhhh hhhhhh hhhhhh hhhhhhh hhhhhhh hhhhhhhfjdhfjd hfhhfhfhf  hhhhh h hhhhhh hhhhhh hhhhhh hhhhhhh hhhhhhh hhhhh"</p>
			<footer class="footer1">Article Footer</footer>
			</div>
			
			<div class="box2">
			<header class="header1">Article Header</header>
			<p>"hhhfjdhfjd hfhhfhfhf  hhhhh h hhhhhh hhhhhh hhhhhh hhhhhhh hhhhhhh hhhhhhhhfjdhfjd hfhhfhfhf  hhhhh h hhhhhh hhhhhh hhhhhh hhhhhhh hhhhhhh hhhhh"</p>
			<footer class="footer1">Article Footer</footer>
			</div>
			</article>
			
			
			
		</article>
		</div>
		<footer>footer</footer>
		</div>
	</body>
</html>
